<?php 
	include_once("v_tabphucvu.php");
	include_once("v_tabNhanVien.php");
?>


<script>




// hàm main

Ext.onReady(function() { 
var mainQuanLy = new Ext.create('MyApp.view.MyContainer',{
	renderTo: Ext.getBody()
	});
	//Ext.Msg.alert('How 3 you!', dsNhanVien.getCount());
	_loadKhuVucBan();
	
});




/****************** From Sencha Architect *****************/

Ext.define('MyApp.view.MyContainer', {
    extend: 'Ext.container.Container',

    cls: 'ctnAllPage',
    height: 669,
    id: 'ctnAllPage',
    fixed: true,
    autoDestroy: false,
    layout: {
        align: 'stretch',
        type: 'vbox'
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
			
// ***** phần body

                {
                    xtype: 'container',
                    flex: 1,
                    cls: 'ctnBody',
                    id: 'ctnBody',
                    autoDestroy: false,
                    items: [
                        {
                            xtype: 'tabpanel',
                            cls: 'tabPanelBody',
                            height: 639,
                            id: 'tabPanelBody',
                            autoDestroy: false,
                            bodyCls: [
                                'x-panel-body-default',
                                'x-layout-fit',
                                'x-collapsed',
                                'x-panel-body-collapsed',
                                'x-panel-body-default-collapsed'
                            ],
                            animCollapse: false,
                            collapsed: false,
                            collapsible: true,
                            title: 'YC - Web Quản lý quán coffee - v1.1',
                            titleCollapse: true,
                            activeTab: 6,
                            layout: {
                                deferredRender: false,
                                type: 'card'
                            },
                            items: [
							
	// **** tab HOME
                                {
                                    xtype: 'panel',
                                    height: 567,
                                    id: 'tabHome',
                                    layout: {
                                        type: 'anchor'
                                    },
                                    bodyCls: [
                                        'tabHome',
                                        'x-panel-body-default'
                                    ],
                                    collapseDirection: 'bottom',
                                    collapsible: false,
                                    title: 'HOME'
                                },
								
	// **** tab PHỤC VỤ
                                {
                                    xtype: 'panel',
                                    cls: 'panTabPhucVu',
                                    id: 'tabPhucVu',
                                    layout: {
                                        align: 'stretch',
                                        type: 'hbox'
                                    },
                                    title: 'PHỤC VỤ',
                                    items: [
									
		// ----- Panel Vị trí bán
		                            {
                                            xtype: 'panel',
                                            flex: 0,
                                            cls: 'panViTriBan',
                                            id: 'panViTriBan_tabPhucVu',
                                            width: 250,
                                            autoScroll: true,
                                            layout: {
                                                align: 'stretch',
                                                type: 'vbox'
                                            },
                                            animCollapse: false,
                                            collapseDirection: 'left',
                                            collapsed: false,
                                            collapsible: true,
                                            title: 'Vị trí bàn',
                                            titleCollapse: true
                                            },
		// ----- Panel Thông tin thanh toán
                                        {
                                            xtype: 'panel',
                                            flex: 1,
                                            cls: 'pan4T',
                                            id: 'pan4T_tabPhucVu',
                                            width: 268,
                                            layout: {
                                                align: 'stretch',
                                                type: 'vbox'
                                            },
                                            title: 'Thông tin thanh toán',
                                            items: [
											
											// phần header thông tin thanh toán
												{																											
                                                    xtype: 'container',
                                                    flex: 0,
                                                    cls: 'ctnHead_4T',
                                                    height: 91,
                                                    id: 'ctnHead_4T',
                                                    layout: {
                                                        columns: 2,
                                                        type: 'table'
                                                    },
                                                    items: [
                                                        {
                                                            xtype: 'displayfield',
                                                            cls: 'dsp_4T',
                                                            id: 'dspThoiGian_4T',
                                                            fieldLabel: 'Thời gian',
                                                            value: '22:50 - 01/10/2013'
                                                        },
                                                        {
                                                            xtype: 'displayfield',
                                                            cls: 'dsp_4T',
                                                            id: 'dspBan_4T',
                                                            fixed: true,
                                                            fieldLabel: 'Bàn',
                                                            value: 'Ngoài trời - Bàn 1'
                                                        },
                                                        {
                                                            xtype: 'combobox',
                                                            cls: '',
                                                            id: 'cbKhachHang_4T',
                                                            width: 356,
                                                            fieldLabel: 'Khách hàng',
                                                            store: [
                                                                'Đỗ Nứt Khạp',
                                                                'Tào Túng Thiếu',
                                                                'Phùng Phung Phí'
                                                            ]
                                                        },
                                                        {
                                                            xtype: 'displayfield',
                                                            cls: 'dsp_4T',
                                                            id: 'dspNhanVien_4T',
                                                            fixed: true,
                                                            fieldLabel: 'Nhân viên',
                                                            value: 'Lung Thị Linh'
                                                        },
                                                        {
                                                            xtype: 'textfield',
                                                            colspan: 2,
                                                            id: 'txtGhiChu_4T',
                                                            width: 721,
                                                            fieldLabel: 'Ghi chú',
                                                            emptyText: 'Ghi chú hóa đơn .....'
                                                        }
                                                    ]
                                            	},
												
											// grid view DS Món ăn của bàn
												{					                                     
                                                    xtype: 'gridpanel',
                                                    flex: 1,
                                                    cls: 'grdDSMon_4T',
                                                    id: 'grdDSThucDon_4T',
                                                    header: false,
                                                    title: 'My Grid Panel',
                                                    columnLines: true,
                                                    forceFit: true,
                                                    columns: [
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 57,
                                                            dataIndex: 'int',
                                                            text: 'STT'
                                                        },
                                                        {
                                                            xtype: 'numbercolumn',
                                                            width: 195,
                                                            dataIndex: 'string',
                                                            text: 'Thực đơn'
                                                        },
                                                        {
                                                            xtype: 'datecolumn',
                                                            width: 91,
                                                            dataIndex: 'null',
                                                            text: 'Số lượng'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 79,
                                                            dataIndex: 'null',
                                                            text: 'ĐVT'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 111,
                                                            dataIndex: 'null',
                                                            text: 'Đơn giá'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 92,
                                                            dataIndex: 'null',
                                                            text: 'Giảm'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 131,
                                                            dataIndex: 'null',
                                                            text: 'Tổng (VNĐ)'
                                                        }
                                                    ]
                                                },
												
											// phần tổng tiền thông tin thanh toán
												{																			
                                                    xtype: 'container',
                                                    flex: 0,
                                                    cls: 'ctnTongCong_4T',
                                                    height: 122,
                                                    id: 'ctnTongCong_4T',
                                                    layout: {
                                                        columns: 2,
                                                        type: 'table'
                                                    },
                                                    items: [
                                                        {
                                                            xtype: 'textfield',
                                                            id: 'txtPhiDatBan_4T',
                                                            rtl: false,
                                                            width: 350,
                                                            fieldLabel: 'Phí đặt bàn',
                                                            fieldStyle: 'text-align:right',
                                                            emptyText: '0 VNĐ'
                                                        },
                                                        {
                                                            xtype: 'displayfield',
                                                            cls: 'dsp_4T',
                                                            frame: false,
                                                            id: 'dspTongTienMon_4T',
                                                            rtl: false,
                                                            fieldLabel: 'Tổng tiền món',
                                                            value: '0 VNĐ'
                                                        },
                                                        {
                                                            xtype: 'textfield',
                                                            id: 'txtPhiXemCT_4T',
                                                            width: 350,
                                                            fieldLabel: 'Phí xem CT',
                                                            fieldStyle: 'text-align:right',
                                                            emptyText: '0 VNĐ'
                                                        },
                                                        {
                                                            xtype: 'displayfield',
                                                            cls: 'dsp_4T',
                                                            id: 'dspThanhToan_4T',
                                                            fieldLabel: 'Thanh toán',
                                                            value: '0 VNĐ'
                                                        },
                                                        {
                                                            xtype: 'textfield',
                                                            id: 'txtGiamGia_4T',
                                                            width: 350,
                                                            fieldLabel: 'Giảm giá (%)',
                                                            fieldStyle: 'text-align:right',
                                                            emptyText: '0 %'
                                                        },
                                                        {
                                                            xtype: 'textfield',
                                                            id: 'txtKhachDua_4T',
                                                            width: 357,
                                                            fieldLabel: 'Khách đưa',
                                                            fieldStyle: 'text-align:right',
                                                            emptyText: '0 VNĐ'
                                                        },
                                                        {
                                                            xtype: 'textfield',
                                                            id: 'txtVAT_4T',
                                                            width: 350,
                                                            fieldLabel: 'VAT (%)',
                                                            fieldStyle: 'text-align:right',
                                                            emptyText: '0 %'
                                                        },
                                                        {
                                                            xtype: 'displayfield',
                                                            rowspan: 2,
                                                            cls: 'dsp_4T',
                                                            id: 'dspTraLai_4T',
                                                            fieldLabel: 'Trả lại',
                                                            value: '0 VNĐ'
                                                        }
                                                    ]
                                                },
												
											// phần nhóm button chức năng thông tin thanh toán
												{													
                                                    xtype: 'container',
                                                    flex: 0,
                                                    cls: 'ctnFoot_4T',
                                                    height: 31,
                                                    id: 'ctnButton_4T',
                                                    items: [
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnThanhToan_panPhucVu',
                                                            height: 27,
                                                            id: 'btnThanhToan_4T',
															listeners:{
																click: _clickButtonBan
															},
                                                            width: 110,
                                                            text: 'Thanh toán'
                                                        },
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnThanhToan_panPhucVu',
                                                            height: 27,
                                                            id: 'btnInHoaDon_4T',
                                                            width: 110,
                                                            text: 'In hóa đơn'
                                                        },
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnThanhToan_panPhucVu',
                                                            height: 27,
                                                            id: 'btnChuyenBan_4T',
                                                            width: 110,
                                                            text: 'Chuyển bàn'
                                                        },
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnThanhToan_panPhucVu',
                                                            height: 27,
                                                            id: 'btnGhepBan_4T',
                                                            width: 110,
                                                            text: 'Ghép bàn'
                                                        },
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnThanhToan_panPhucVu',
                                                            height: 27,
                                                            id: 'btnHuySuDung_4T',
                                                            width: 110,
                                                            text: 'Hủy sử dụng'
                                                        }
                                                    ]
                                                }
												
                                            ]
                                        },
										
		// ----- Panel Tìm kiếm
                                        
										{
                                            xtype: 'panel',
                                            flex: 0,
                                            cls: 'panTimKiem_panPhucVu',
                                            id: 'panTimKiem_tabPhucVu',
                                            rtl: false,
                                            width: 273,
                                            layout: {
                                                align: 'stretch',
                                                type: 'vbox'
                                            },
                                            collapseDirection: 'right',
                                            collapsible: true,
                                            title: 'Tìm kiếm thực đơn',
                                            titleCollapse: true,
                                            items: [
                                                {
                                                    xtype: 'combobox',
                                                    cls: '',
                                                    id: 'cbTuKhoa_tabPhucVu',
                                                    width: 356,
                                                    fieldLabel: 'Từ khóa',
                                                    labelWidth: 55,
                                                    store: [
                                                        'Đỗ Nứt Khạp',
                                                        'Tào Túng Thiếu',
                                                        'Phùng Phung Phí'
                                                    ]
                                                },
                                                {
                                                    xtype: 'gridpanel',
                                                    flex: 1,
                                                    cls: 'grdKetQuaTK_panPhucVu',
                                                    id: 'grdDSThucDonTimKiem_tabPhucVu',
                                                    header: false,
                                                    title: 'My Grid Panel',
                                                    forceFit: true,
                                                    columns: [
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 113,
                                                            dataIndex: 'string',
                                                            text: 'Tên thực đơn'
                                                        },
                                                        {
                                                            xtype: 'numbercolumn',
                                                            width: 59,
                                                            dataIndex: 'number',
                                                            text: 'ĐVT'
                                                        },
                                                        {
                                                            xtype: 'datecolumn',
                                                            width: 85,
                                                            dataIndex: 'date',
                                                            text: 'Giá'
                                                        }
                                                    ]
                                                }
                                            ]
                                        }
										
                                    ]
                                },
								
	// **** tab THỰC ĐƠN
                                {
                                    xtype: 'panel',
                                    id: 'tabThucDon',
                                    layout: {
                                        align: 'stretch',
                                        type: 'hbox'
                                    },
                                    title: 'THỰC ĐƠN',
                                    items: [
                                        {
                                            xtype: 'treepanel',
                                            flex: 0,
                                            cls: 'treeThucDon_tabThucDon',
                                            width: 250,
                                            autoScroll: true,
                                            resizable: false,
                                            collapseDirection: 'left',
                                            collapsible: true,
                                            title: 'Thực đơn',
                                            forceFit: false,
                                            folderSort: false,
                                            root: {
                                                text: 'Tất cả',
                                                expanded: true,
                                                children: [
                                                    {
                                                        text: 'Thức uống',
                                                        expanded: true,
                                                        children: [
                                                            {
                                                                text: 'Coffee',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Trà',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Cocktail',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Mocktail',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Sinh tố - Chè - Kem',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Nước giải khác',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Thức uống khác',
                                                                leaf: true
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        text: 'Món ăn',
                                                        expanded: true,
                                                        children: [
                                                            {
                                                                text: 'Khai vị',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Điểm tâm sáng',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Điểm tâm trưa',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Điểm tâm chiều',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Món khác',
                                                                leaf: true
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        text: 'Khác',
                                                        expanded: true,
                                                        children: [
                                                            {
                                                                text: 'Thuốc hút',
                                                                leaf: true
                                                            },
                                                            {
                                                                text: 'Khác',
                                                                leaf: true
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            viewConfig: {
                                                animate: false
                                            }
                                        },
                                        {
                                            xtype: 'container',
                                            flex: 1,
                                            cls: 'ctnMid_tabThucDon',
                                            layout: {
                                                align: 'stretch',
                                                type: 'vbox'
                                            },
                                            items: [
                                                {
                                                    xtype: 'gridpanel',
                                                    flex: 1,
                                                    cls: 'grdDSMon_tabThucDon',
                                                    header: false,
                                                    title: 'My Grid Panel',
                                                    forceFit: true,
                                                    columns: [
                                                        {
                                                            xtype: 'gridcolumn',
                                                            maxWidth: 55,
                                                            dataIndex: 'string',
                                                            text: 'STT'
                                                        },
                                                        {
                                                            xtype: 'numbercolumn',
                                                            dataIndex: 'number',
                                                            text: 'Tên món'
                                                        },
                                                        {
                                                            xtype: 'datecolumn',
                                                            maxWidth: 100,
                                                            minWidth: 20,
                                                            dataIndex: 'date',
                                                            text: 'Loại món'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            maxWidth: 100,
                                                            minWidth: 20,
                                                            dataIndex: 'bool',
                                                            text: 'Hạng mục'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            maxWidth: 100,
                                                            minWidth: 20,
                                                            dataIndex: 'bool',
                                                            text: 'Đơn vị tính'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            maxWidth: 120,
                                                            minWidth: 50,
                                                            defaultWidth: 120,
                                                            dataIndex: 'bool',
                                                            text: 'Đơn giá (VNĐ)'
                                                        }
                                                    ]
                                                },
                                                {
                                                    xtype: 'container',
                                                    flex: 0,
                                                    height: 42,
                                                    width: 773,
                                                    items: [
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnTemp',
                                                            height: 30,
                                                            width: 81,
                                                            text: 'Thêm mới'
                                                        },
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnTemp',
                                                            height: 30,
                                                            width: 80,
                                                            text: 'Chỉnh sửa'
                                                        },
                                                        {
                                                            xtype: 'button',
                                                            cls: 'btnTemp',
                                                            height: 30,
                                                            width: 63,
                                                            text: 'Xóa'
                                                        }
                                                    ]
                                                }
                                            ]
                                        },
                                        {
                                            xtype: 'panel',
                                            flex: 0,
                                            cls: 'panChucNang_tabThucDon',
                                            height: 562,
                                            width: 259,
                                            autoScroll: true,
                                            collapseDirection: 'right',
                                            collapsed: false,
                                            collapsible: true,
                                            title: 'Chức năng',
                                            items: [
                                                {
                                                    xtype: 'textfield',
                                                    width: 254,
                                                    fieldLabel: 'Tên món',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 254,
                                                    fieldLabel: 'Loại món',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 254,
                                                    fieldLabel: 'Hạng mục',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 254,
                                                    fieldLabel: 'Đơn vị tính',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 254,
                                                    fieldLabel: 'Đơn giá (VNĐ)',
                                                    labelWidth: 90,
                                                    emptyText: ''
                                                },
                                                {
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 81,
                                                    text: 'Lưu'
                                                },
                                                {
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 81,
                                                    text: 'Hủy bỏ'
                                                }
                                            ]
                                        }
                                    ]
                                },
								
	// **** tab HÓA ĐƠN
                                {
                                    xtype: 'panel',
                                    id: 'tabHoaDon',
                                    layout: {
                                        align: 'stretch',
                                        type: 'hbox'
                                    },
                                    title: 'HÓA ĐƠN',
                                    items: [
                                        {
                                            xtype: 'panel',
                                            flex: 0,
                                            cls: 'panLocHoaDon_tabHoaDon',
                                            width: 250,
                                            collapseDirection: 'left',
                                            collapsible: true,
                                            title: 'Lọc hóa đơn',
                                            items: [
                                                {
                                                    xtype: 'datefield',
                                                    width: 235,
                                                    fieldLabel: 'Từ ngày',
                                                    labelWidth: 70
                                                },
                                                {
                                                    xtype: 'datefield',
                                                    width: 235,
                                                    fieldLabel: 'Đến ngày',
                                                    labelWidth: 70
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 235,
                                                    fieldLabel: 'Nhân viên',
                                                    labelWidth: 70
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 235,
                                                    fieldLabel: 'Khu vực',
                                                    labelWidth: 70
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 235,
                                                    fieldLabel: 'Số bàn',
                                                    labelWidth: 70
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 235,
                                                    fieldLabel: 'Khách',
                                                    labelWidth: 70
                                                },
                                                {
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 95,
                                                    text: 'Tìm kiếm'
                                                },
                                                {
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 95,
                                                    text: 'Nhập lại'
                                                }
                                            ]
                                        },
                                        {
                                            xtype: 'gridpanel',
                                            flex: 1,
                                            cls: 'grdDSHoaDon_tabHoaDon',
                                            header: false,
                                            title: 'My Grid Panel',
                                            forceFit: true,
                                            columns: [
                                                {
                                                    xtype: 'gridcolumn',
                                                    dataIndex: 'string',
                                                    text: 'STT'
                                                },
                                                {
                                                    xtype: 'numbercolumn',
                                                    dataIndex: 'number',
                                                    text: 'Thời gian lập'
                                                },
                                                {
                                                    xtype: 'datecolumn',
                                                    dataIndex: 'date',
                                                    text: 'Khu vực'
                                                },
                                                {
                                                    xtype: 'booleancolumn',
                                                    dataIndex: 'bool',
                                                    text: 'Bàn'
                                                },
                                                {
                                                    xtype: 'booleancolumn',
                                                    dataIndex: 'bool',
                                                    text: 'Thanh toán'
                                                }
                                            ]
                                        },
                                        {
                                            xtype: 'panel',
                                            flex: 1,
                                            cls: 'panChiTiet_tabHoaDon',
                                            autoScroll: true,
                                            layout: {
                                                columns: 2,
                                                type: 'table'
                                            },
                                            collapseDirection: 'right',
                                            collapsible: true,
                                            title: 'Chi tiết hóa đơn',
                                            items: [
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Giờ khách đến',
                                                    value: '02/10/2013 23:50'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Giờ khách đi',
                                                    value: '03/10/2013 02:50'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Khu vực',
                                                    value: 'Sân thượng'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Số bàn',
                                                    value: 1
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'NV thanh toán',
                                                    value: 'Eren Jaeger'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Khách hàng',
                                                    value: 'Mikasa'
                                                },
                                                {
                                                    xtype: 'gridpanel',
                                                    colspan: 2,
                                                    rowspan: 0,
                                                    height: 185,
                                                    width: 497,
                                                    header: false,
                                                    title: 'My Grid Panel',
                                                    forceFit: true,
                                                    columns: [
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 47,
                                                            dataIndex: 'string',
                                                            text: 'STT'
                                                        },
                                                        {
                                                            xtype: 'numbercolumn',
                                                            dataIndex: 'number',
                                                            text: 'Tên thực đơn'
                                                        },
                                                        {
                                                            xtype: 'datecolumn',
                                                            width: 42,
                                                            dataIndex: 'date',
                                                            text: 'SL'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 54,
                                                            dataIndex: 'bool',
                                                            text: 'ĐVT'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 73,
                                                            dataIndex: 'bool',
                                                            text: 'Giảm (%)'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            width: 99,
                                                            dataIndex: 'bool',
                                                            text: 'Tổng tiền'
                                                        }
                                                    ]
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    width: 160,
                                                    fieldLabel: 'Phí đặt bàn',
                                                    value: '0 VNĐ'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Tổng tiền món',
                                                    value: '120 000 VNĐ'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Phí xem CT',
                                                    value: '0 VNĐ'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Thanh toán',
                                                    value: '120 000 VNĐ'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Giảm giá (%)',
                                                    value: 0
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Tiền khách đưa',
                                                    value: '500 000 VNĐ'
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'VAT (%)',
                                                    value: 0
                                                },
                                                {
                                                    xtype: 'displayfield',
                                                    fieldLabel: 'Trả lại',
                                                    value: '380 000 VNĐ'
                                                }
                                            ]
                                        }
                                    ]
                                },
								
	// **** tab ĐẶT BÀN
                                {
                                    xtype: 'panel',
                                    id: 'tabDatBan',
                                    title: 'ĐẶT BÀN'
                                },
								
	// **** tab THỐNG KÊ
                                {
                                    xtype: 'panel',
                                    id: 'tabThongKe',
                                    layout: {
                                        align: 'stretch',
                                        type: 'hbox'
                                    },
                                    title: 'THỐNG KÊ',
                                    items: [
                                        {
                                            xtype: 'panel',
                                            width: 255,
                                            title: 'Tiêu chí thống kê',
                                            items: [
                                                {
                                                    xtype: 'combobox',
                                                    fieldLabel: 'Thống kê theo'
                                                },
                                                {
                                                    xtype: 'datefield',
                                                    fieldLabel: 'Từ ngày'
                                                },
                                                {
                                                    xtype: 'datefield',
                                                    fieldLabel: 'Đến ngày'
                                                },
                                                {
                                                    xtype: 'button',
                                                    height: 30,
                                                    width: 111,
                                                    text: 'Xem thống kê'
                                                }
                                            ]
                                        },
                                        {
                                            xtype: 'container',
                                            flex: 1,
                                            layout: {
                                                align: 'stretch',
                                                type: 'vbox'
                                            },
                                            items: [
                                                {
                                                    xtype: 'container',
                                                    flex: 1,
                                                    layout: {
                                                        align: 'stretch',
                                                        type: 'hbox'
                                                    },
                                                    items: [
                                                        {
                                                            xtype: 'chart',
                                                            flex: 1,
                                                            cls: 'colChart_DoanhThu',
                                                            height: 250,
                                                            width: 400,
                                                            animate: true,
                                                            insetPadding: 20,
                                                            store: 'a',
                                                            axes: [
                                                                {
                                                                    type: 'Category',
                                                                    fields: [
                                                                        'x'
                                                                    ],
                                                                    title: 'Category Axis',
                                                                    position: 'bottom'
                                                                },
                                                                {
                                                                    type: 'Numeric',
                                                                    fields: [
                                                                        'y'
                                                                    ],
                                                                    title: 'Numeric Axis',
                                                                    position: 'left'
                                                                }
                                                            ],
                                                            series: [
                                                                {
                                                                    type: 'column',
                                                                    label: {
                                                                        display: 'insideEnd',
                                                                        field: 'y',
                                                                        color: '#333',
                                                                        'text-anchor': 'middle'
                                                                    },
                                                                    xField: 'x',
                                                                    yField: 'y'
                                                                }
                                                            ]
                                                        },
                                                        {
                                                            xtype: 'chart',
                                                            flex: 1,
                                                            cls: 'pieChart_ThucDon',
                                                            height: 250,
                                                            width: 400,
                                                            animate: true,
                                                            insetPadding: 20,
                                                            store: 'b',
                                                            series: [
                                                                {
                                                                    type: 'pie',
                                                                    label: {
                                                                        field: 'x',
                                                                        display: 'rotate',
                                                                        contrast: true,
                                                                        font: '12px Arial'
                                                                    },
                                                                    showInLegend: true,
                                                                    angleField: 'y'
                                                                }
                                                            ]
                                                        }
                                                    ]
                                                },
                                                {
                                                    xtype: 'gridpanel',
                                                    flex: 1,
                                                    title: 'Kết quả thống kê',
                                                    forceFit: true,
                                                    columns: [
                                                        {
                                                            xtype: 'gridcolumn',
                                                            dataIndex: 'string',
                                                            text: 'STT'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            dataIndex: 'string',
                                                            text: 'Danh mục'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            dataIndex: 'string',
                                                            text: 'Tên thực đơn'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            dataIndex: 'string',
                                                            text: 'ĐVT'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            dataIndex: 'string',
                                                            text: 'Thời gian'
                                                        },
                                                        {
                                                            xtype: 'numbercolumn',
                                                            dataIndex: 'number',
                                                            text: 'Số hóa đơn'
                                                        },
                                                        {
                                                            xtype: 'datecolumn',
                                                            dataIndex: 'date',
                                                            text: 'Tổng tiền'
                                                        },
                                                        {
                                                            xtype: 'booleancolumn',
                                                            dataIndex: 'bool',
                                                            text: 'Boolean'
                                                        }
                                                    ]
                                                }
                                            ]
                                        }
                                    ]
                                },
								
								
	// **** tab NHÂN VIÊN
                                {
                                    xtype: 'panel',
                                    id: 'tabNhanVien',
                                    layout: {
                                        align: 'stretch',
                                        type: 'hbox'
                                    },
                                    title: 'NHÂN VIÊN',
                                    items: [
                                        {
                                            xtype: 'container',
                                            flex: 1,
                                            cls: 'ctnDSNhanVien_tabNhanVien',
                                            height: 556,
                                            layout: {
                                                align: 'stretch',
                                                type: 'vbox'
                                            },
                                            items: [
                                                {
                                                    xtype: 'gridpanel',
                                                    flex: 1,
                                                    cls: 'grdDSNhanVien_tabNhanVien',
													id:'grdDSNhanVien_tabNhanVien',
                                                    autoScroll: true,
                                                    title: 'Danh sách nhân viên',
													columnLines: true,
                                                    forceFit: true,
                                                    sealedColumns: true,
													store: dsNhanVien,
													listeners:	{
														selectionchange: _selectionRecordDSNV
													},
                                                    columns: [
														{
                                                            xtype: 'numbercolumn',
															format:'0',
                                                          	minWidth:55,
															maxWidth:55,
															align:'center',
                                                            dataIndex: 'msNhanVien',
                                                            text: 'Mã số'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 140,
                                                            dataIndex: 'hoTen',
                                                            text: 'Họ và Tên'
                                                        },
                                                        {
                                                            xtype: 'datecolumn',
                                                            width: 128,
															align:'center',
                                                            dataIndex: 'ngaySinh',
                                                            text: 'Ngày sinh'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 249,
                                                            dataIndex: 'queQuan',
                                                            text: 'Quê quán'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 128,
															align:'center',
                                                            dataIndex: 'CMND',
                                                            text: 'CMND'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 124,
															align:'center',
                                                            dataIndex: 'soDT',
                                                            text: 'Điện thoại'
                                                        },
                                                        {
                                                            xtype: 'gridcolumn',
                                                            width: 140,
                                                            dataIndex: 'tenDangNhap',
                                                            text: 'Tên đăng nhập'
                                                        },
                                                        {
                                                            xtype: 'checkcolumn',
															align:'center',
                                                           	maxWidth:100,
															minWidth:100,
                                                            dataIndex: 'isAdmin',
															disabled: true,																											
                                                            text: 'Administrator'
                                                        }
                                                    ]
                                                }
                                            ]
                                        },
										
                                        {
                                            xtype: 'form',
											id: 'frmInfoNV_tabNhanVien',
											url: 'index.php',
                                            flex: 0,
                                            cls: 'panChucNang_tabNhanVien',
                                            height: 562,
                                            width: 317,
                                            resizable: false,
                                            collapseDirection: 'right',
                                            collapsible: true,
                                            title: 'Thông tin nhân viên',
                                            items: [
												{ 
													xtype: 'hidden',
													name : 'action', 
													id:'action',
													value:'AddNhanVien'
												},
												{
                                                    xtype: 'hidden',
                                                    name: 'txtMSNV',                                                    
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id: 'txtHoTenNV',
													name: 'txtHoTenNV',
                                                    fieldLabel: 'Họ và Tên',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'datefield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id:'dateNgaySinhNV',
													name: 'dateNgaySinhNV',
                                                    fieldLabel: 'Ngày sinh',
													listeners:{
														focus: function (){
															this.expand();
															}
													},
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id: 'txtQueQuanNV',
													name: 'txtQueQuanNV',
                                                    fieldLabel: 'Quê quán',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id:'txtCMND',
													name: 'txtQueQuanNV',
                                                    fieldLabel: 'CMND',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id:'txtSoDTNV',
                                                    fieldLabel: 'Số ĐT',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id:'txtTenDangNhap',
                                                    fieldLabel: 'Tên đăng nhập',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id:'txtMatKhau',
													inputType:'password',
													listeners:{
														focus: function()
																{	
																	this.emptyText = []; 
																	this.applyEmptyText();	
																}
													},
                                                    fieldLabel: 'Mật khẩu',
                                                    labelWidth: 90,
                                                },
                                                {
                                                    xtype: 'textfield',
                                                    width: 305,
													cls:'normalHeight1',
													id:'txtNhapLaiMatKhau',
													disabled: true,
													inputType:'password',
													listeners:{
														focus: function()
																{	
																	this.emptyText = []; 
																	this.applyEmptyText();	
																}
													},
                                                    fieldLabel: 'Nhập lại MK',
                                                    labelWidth: 90
                                                },
                                                {
                                                    xtype: 'combobox',
                                                    width: 305,
													cls:'normalHeight1',
													disabled: true,
													id:'cmbQuyenHan',
                                                    fieldLabel: 'Quyền hạn',
													store:[
														'Administrator',
														'Nhân viên'
													],
													listeners:{
														focus: function()
														{
															this.expand();
															}
													},
                                                    labelWidth: 90
                                                },
												{
													xtype: 'button',
													cls: 'btnTemp',
													height: 32,
													width: 68,
													id: 'btnThemNV',
													text: 'Thêm',
													listeners:{
														click:	_clickBtnThemNV	
														}
												},
												{
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 68,
													id:'btnSuaNV',
													disabled: true,
                                                    text: 'Sửa',
													listeners:{
														click:	_clickBtnSuaNV	
														}
                                                },
                                                {
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 68,
													disabled:true,
													id:'btnLuuNV',
													name:'submitNhanVien',
                                                    text: 'Lưu',
													listeners:{
														click:	_clickBtnLuuNV	
														}
                                                },
                                                {
                                                    xtype: 'button',
                                                    cls: 'btnTemp',
                                                    height: 30,
                                                    width: 70,
													disabled:true,
													id:'btnHuyNV',
                                                    text: 'Hủy bỏ',
													listeners:{
														click:	_clickBtnHuyNV	
														}
                                                }
                                            ]
                                        }
                                    ]
                                },
								
	// **** tab QUẢN LÝ CHUNG
                                {
                                    xtype: 'panel',
                                    id: 'tabQuanLyChung',
                                    title: 'QUẢN LÝ CHUNG'
                                }
								
                            ]
                        }
                    ]
                },
				
// ***** Footer

                {
                    xtype: 'container',
                    flex: 0,
                    cls: 'ctnFooter',
                    height: 30,
                    id: 'ctnFooter'
                }
				
            ]
        });

        me.callParent(arguments);
    }

});


</script>